<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>中国出租车运行情况可视化</title>
    <script src="js/jquery-2.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/dataTool.js"></script>
    <script src="js/home.js"></script>
    <script src="js/china.js"></script>
    <script src="js/hunan.js"></script>
    <script src="js/echarts-wordcloud.js"></script>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">

    <style>
        .t_title{
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 2.5em;
            line-height: 80px;
            color: #fff;
        }
        #chart_map{
            cursor: pointer;
        }
        .t_show{
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 2px;
            background: #2C58A6;
            padding: 2px 5px;
            color: #fff;
            cursor: pointer;
        }
    </style>
</head>
<body>

<!--header-->
<div class="header">
    <div class="bg_header">
        <div class="header_nav fl t_title">
            中国出租车运行情况可视化
        </div> 
    </div>
</div>
<!--main-->
<div class="data_content">
    <div class="data_time">
    </div>

    <div class="data_main">
        <div class="main_left fl">
            <div class="left_1 t_btn6" style="cursor: pointer;">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                    <!--右下边框-->
                    <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div> 
                <div class="main_title">
                    <img src="img/t_1.png" alt="">
                    不同年份乘车数量比例
                </div>
                <div id="chart_1" class="chart" style="width:100%;height: 280px;"></div>
            </div>
            <div class="left_2" style="cursor: pointer;">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                    <!--右下边框-->
                    <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div> 
          <!--  -->      <div class="main_title">
                    <img src="img/t_2.png" alt="">
                    乘车费用分布直方图
                </div>
                <div id="chart_2" class="chart t_btn9" style="width:100%;height: 280px;"></div>
            </div>
        </div>
        <div class="main_center fl">
            <div class="center_text">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                 <!--右下边框-->
                 <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div> 
                <div class="main_title">
                    <img src="img/t_3.png" alt="">
                    各个地区职位数量
                </div>
                <div id="niuyue_map" style="width:100%;height:610px;"></div>
            </div>
        </div>
        <div class="main_right fr">
            <div class="right_1">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                    <!--右下边框-->
                    <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div> 
                <div class="main_title">
                    <img src="img/t_4.png" alt="">
                    乘车距离分布曲线图
                </div>
                <div id="chart_3" class="echart t_btn7" style="width:110%;height: 280px;"></div>
            </div>
            <div class="right_2">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                    <!--右下边框-->
                    <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div> 
                <div class="main_title">
                    <img src="img/t_5.png" alt="">
                    不同年份收入占比
                </div>
                <div id="chart_5" class="echart fl t_btn4" style="width:100%;height: 280px;cursor: pointer;"></div>
            </div>
        </div>
    </div>
    <!--<div class="data_bottom">
        <div class="bottom_1 fl t_btn5" style="cursor: pointer;">
            &lt;!&ndash;左上边框&ndash;&gt;
            <div class="t_line_box">
                <i class="t_l_line"></i> 
                <i class="l_t_line"></i> 
            </div> 
            &lt;!&ndash;右上边框&ndash;&gt;
            <div class="t_line_box">
                <i class="t_r_line"></i> 
                <i class="r_t_line"></i> 
            </div> 
            &lt;!&ndash;左下边框&ndash;&gt;
            <div class="t_line_box">
                <i class="l_b_line"></i> 
                <i class="b_l_line"></i> 
            </div> 
                &lt;!&ndash;右下边框&ndash;&gt;
                <div class="t_line_box">
                <i class="r_b_line"></i> 
                <i class="b_r_line"></i> 
            </div>
            <div class="main_title">
                <img src="img/t_6.png" alt="">
                就诊病人信息
            </div>
            <div class="main_table t_btn8">
                <table>
                    <thead>
                    <tr>
                        <th>姓名</th>
                        <th>症状</th>
                        <th>日期</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>李媛</td>
                        <td>流行性感冒</td>
                        <td>2021-03-12</td>
                    </tr>
                    <tr>
                        <td>杨子涵</td>
                        <td>颈椎病</td>
                        <td>2021-03-15</td>
                    </tr>
                    <tr>
                        <td>陈帅</td>
                        <td>流行性感冒</td>
                        <td>2021-03-28</td>
                    </tr>
                    <tr>
                        <td>刘旭</td>
                        <td>腰间盘突出</td>
                        <td>2021-04-01</td>
                    </tr>
                    <tr>
                        <td>陈子</td>
                        <td>鼻炎</td>
                        <td>2021-04-09</td>
                    </tr>
                    </tbody>
                </table>
            </div>

        </div>
        <div class="bottom_center fl">
            <div class="bottom_2 fl">
                &lt;!&ndash;左上边框&ndash;&gt;
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                &lt;!&ndash;右上边框&ndash;&gt;
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                &lt;!&ndash;左下边框&ndash;&gt;
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                    &lt;!&ndash;右下边框&ndash;&gt;
                    <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div>
                <div class="main_title">
                    <img src="img/t_7.png" alt="">
                    医保类型分析
                </div>
                <div id="chart_5" class="echart fl" style="width:100%;height: 280px;margin-top: 30px;"></div>

            </div>
            <div class="bottom_3 fl">
                &lt;!&ndash;左上边框&ndash;&gt;
                <div class="t_line_box">
                    <i class="t_l_line"></i> 
                    <i class="l_t_line"></i> 
                </div> 
                &lt;!&ndash;右上边框&ndash;&gt;
                <div class="t_line_box">
                    <i class="t_r_line"></i> 
                    <i class="r_t_line"></i> 
                </div> 
                &lt;!&ndash;左下边框&ndash;&gt;
                <div class="t_line_box">
                    <i class="l_b_line"></i> 
                    <i class="b_l_line"></i> 
                </div> 
                    &lt;!&ndash;右下边框&ndash;&gt;
                    <div class="t_line_box">
                    <i class="r_b_line"></i> 
                    <i class="b_r_line"></i> 
                </div>
                <div class="main_title">
                    <img src="img/t_7.png" alt="">
                  出院人数分析
                </div>
                <div id="chart_7" class="echart fl" style="width:100%;height: 250px;margin-top: 15px;"></div>
            </div>
        </div>
        <div class="bottom_4 fr">
            &lt;!&ndash;左上边框&ndash;&gt;
            <div class="t_line_box">
                <i class="t_l_line"></i> 
                <i class="l_t_line"></i> 
            </div> 
            &lt;!&ndash;右上边框&ndash;&gt;
            <div class="t_line_box">
                <i class="t_r_line"></i> 
                <i class="r_t_line"></i> 
            </div> 
            &lt;!&ndash;左下边框&ndash;&gt;
            <div class="t_line_box">
                <i class="l_b_line"></i> 
                <i class="b_l_line"></i> 
            </div> 
                &lt;!&ndash;右下边框&ndash;&gt;
                <div class="t_line_box">
                <i class="r_b_line"></i> 
                <i class="b_r_line"></i> 
            </div>
            <div class="main_title">
                <img src="img/t_7.png" alt="">
               就诊病人信息
            </div>

            <div class="main_table t_btn2">
                <table>
                    <thead>
                    <tr>
                        <th>姓名</th>
                        <th>症状</th>
                        <th>日期</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>张飞</td>
                        <td>心律失常</td>
                        <td>2021-04-12</td>
                    </tr>
                    <tr>
                        <td>王明</td>
                        <td>流行性干嘛</td>
                        <td>2021-04-15</td>
                    </tr>
                    <tr>
                        <td>马飞</td>
                        <td>肝炎</td>
                        <td>2021-04-28</td>
                    </tr>
                    <tr>
                        <td>楚寒飞</td>
                        <td>腰间盘突出</td>
                        <td>2021-05-01</td>
                    </tr>
                    <tr>
                        <td>陈子龙</td>
                        <td>急性肠胃炎</td>
                        <td>2021-05-19</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>-->
</div>
<!---以下代码和演示无关，请自行删除-->
 
</body>

</html>